import React from 'react';
import '../styles/theme.css';

const ThemeToggle = ({ isDarkMode, setIsDarkMode }) => {
  const toggleTheme = () => {
    setIsDarkMode(!isDarkMode);
    document.body.className = !isDarkMode ? 'dark-theme' : 'light-theme';
  };

  return (
    <div className={`toggle-container ${isDarkMode ? 'dark' : 'light'}`} onClick={toggleTheme}>
      <div className="toggle-icon">
      </div>
      <div className="mr-2 text-sm">🌙</div>
      <div className="text-sm">☀️</div>
      {/* {isDarkMode ? '🌙' : '☀️'} */}
    </div>
  );
};

export default ThemeToggle; 